<template>
  <div>
    <el-tabs v-model="activeName" @tab-click="handleClick">
      <el-tab-pane label="个人信息" name="first">
        <el-card>
          <span>用户昵称：yoLo</span><br />
          <span>收货人：叶子荣&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</span>
          <span>所在地址：福建省龙岩市新罗区曹溪街道</span><br />
          <span>手机：199779xxxxx&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</span>
          <span
            >地址：福建省龙岩市新罗区曹溪街道闽大路八号闽西职业技术学院南校区（菜鸟驿站代收）</span
          >
        </el-card>
      </el-tab-pane>
      <el-tab-pane label="收货地址" name="fourth">
        收货地址1：福建省龙岩市新罗区曹溪街道闽大路八号闽西职业技术学院南校区（菜鸟驿站代收）
        <br />
        <el-button
          type="primary"
          icon="el-icon-edit"
          class="addAddress"
          @click="addaddress"
          >添加收货地址</el-button
        >
        <el-button
          type="primary"
          icon="el-icon-edit"
          class="modAddress"
          @click="modaddress"
          >修改收货地址</el-button
        >
      </el-tab-pane>
    </el-tabs>
  </div>
</template>
<script>
export default {
  data() {
    return {
      activeName: "first",
    };
  },
  methods: {
    handleClick(tab, event) {
      console.log(tab, event);
    },
    addaddress() {},
    modaddress() {},
  },
};
</script>
<style scoped>
.addAddress {
  margin-top: 10px;
}
</style>